<template>
	<view class="me-goods-list">
		<view v-if="tabindex=='t1'">
			<view class="remind_tips">协助提醒组织成员尽快完成以下操作，逾期将会对其账户信誉造成影响，并有可能影响到您的收益。</view>
			<view class="table_tit">
				<text>姓名</text>
				<text>手机</text>
				<text>剩余时间</text>
			</view>
			<view class="table_li_con" :id="'num'+item.id" v-for="(item,key) in list" :key="key">
				<text>张老三</text>
				<text>13968844888</text>
				<text>-5:29:27</text>
			</view>
		</view>
		<view v-else-if="tabindex=='t2'">
			<view class="remind_tips">协助提醒组织成员尽快完成以下操作，逾期将会对其账户信誉造成影响，并有可能影响到您的收益。</view>
			<view class="table_tit">
				<text>姓名</text>
				<text>手机</text>
				<text>剩余时间</text>
			</view>
			<view class="table_li_con" :id="'num'+item.id" v-for="(item,key) in list" :key="key">
				<text>张老三</text>
				<text>13968844888</text>
				<text>-5:29:27</text>
			</view>
		</view>
		<view v-else>
			<view class="remind_tips">满十天不兑换广告机的将视为暂失效，暂失效账户不计入有效人力，兑换广告机后账户自动恢复正常。</view>
			<view class="table_tit">
				<text>姓名</text>
				<text>手机</text>
				<text>剩余时间</text>
			</view>
			<view class="table_li_con" :id="'num'+item.id" v-for="(item,key) in list" :key="key">
				<text>张老三</text>
				<text>13968844888</text>
				<text>-5:29:27</text>
			</view>
		</view>

	</view>
</template>

<script>
/**
 * 1、刷新：如果在此页面需要控制刷新当前tab数据则可调用父页面的这个函数：this.$emit('refreshTab');【更多使用方法请移步至源函数查阅】
 * 2、如果需要获取当前tab序号则用：this.tabindex
 * 注：特别注意此页面无生命周期，以及无法使用原生组件，原生组件和fixed元素需要写在mescroll-uni的外面 否则滚动列表会抖动（但使用uView这些组件是没问题的）
 */
export default {
    props:{
        //数据列表
        list: {
            type: Array,
            default(){
                return []
            }
        },
        //当前tab的标识ID
        tabindex: {
            type: [String,Number],
            default: ''
        },
    },
	data(){
		return{
		}
	},
	mounted() {
		console.log(this.tabindex)
	},
	methods:{
		
	}
}
</script>

<style lang="scss">
.me-goods-list{
	padding: 22rpx 25rpx 0;
}
.remind_tips{
	background-color: #FCF6F0;
	color: #E85B3E;
	padding: 20rpx 30rpx;
	border-radius: 20rpx;
	font-size: 24rpx;
	line-height: 42rpx;
	letter-spacing: 3rpx;
	margin-bottom: 20rpx;
}
.table_tit{
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 600;
	font-size: 28rpx;
	color: #8B8B8C;
	height: 90rpx;
	border-bottom: 1px #dedede solid;
}
.table_tit text:first-child{
	width: 240rpx;
}
.table_tit text:nth-child(2),.table_li_con text:nth-child(2){
	-webkit-flex: 1;
	flex: 1;
}
.table_tit text:last-child,.table_li_con text:last-child{
	text-align: right;
}
.table_li_con{
	display: -webkit-flex;
	display: flex;
	height: 93rpx;
	border-bottom: 1px #dedede solid;
	justify-content: space-between;
	align-items: center;
	font-size: 28rpx;
	color: #474443;
}
.table_li_con text:first-child{
	width: 220rpx;
}
.table_li_con text:nth-child(2){
	padding-left: 52rpx;
	color: #00A2E9;
	background: url("/static/images/img_29.png") no-repeat left center;
	background-size: 40rpx auto;
	line-height: 50rpx;
}
</style>
